﻿/********** Default (Resets) **********/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td

table, table tr td, table tr th {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    background: transparent;

    border-collapse: collapse;

}

img, a img, :link img, :visited img { border: none; }

ol, ul {

    list-style: none;

}

:focus {

    outline: 0;

}

/********** End of Default **********/



/********** Global Styles **********/

body {

    margin: 0 auto;
	padding:0;
    width: 1024px;
    background: #eee;
    color: #282828;
    font: 12px/20px Arial, Helvetica Neue, Helvetica, sans-serif;

}

table, input, select, textarea {

    color: #282828;

    font: 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif;

}

a, a:link, a:visited {

    text-decoration: none;

}

h2 {

    margin: 0 0 5px;

    font-size: 12px;

}

p {

    margin-bottom: 20px;

}

select {

    padding: 7px 7px 5px;

    width: 732px;

    background: #eaeaea;

    border: 1px solid #8c8c8c;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

    option {

        padding: 2px 5px;

    }

input[type=text],input[type=password]{

    padding: 7px;

    width: 732px;

    background: #eaeaea;

    border: 1px solid #8c8c8c;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

 input[type=text]:hover{
        background: #fff;
		    border: 1px solid red;
    }
input[type=text]:focus {
	     background: #efefef;
	 }

input[type=button], input[type=submit], input[type=reset]  {

    margin: 8px 2px 0 0;

    padding: 0 15px;

    text-transform: uppercase;

    height: 28px;

    color: #fff;

    font-weight: bold;

    cursor: pointer;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

input[type=reset] {

    background: #37302b;

    border: 1px solid #1e1a18;

}

    input[type=reset]:hover {

        background: #1e1a18;

    }

textarea {

    padding: 7px;

    width: 732px;

    height: 157px;

    background: #eaeaea;

    border: 1px solid #8c8c8c;

    overflow-y: hidden;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

    textarea:hover, textarea:focus {

        background: #efefef;

    }

label {

    cursor: pointer;

}

.text-left     { text-align: left; }

.text-right    { text-align: right; }

.text-center   { text-align: center; }

.text-justify  { text-align: justify; }

.left          { float: left; }

.right         { float: right; }

.center        { margin: 0 auto; }

.clear {

    display: block;

    clear: both;

    width: 0px;

    height: 0px;

    overflow: hidden;

    font-size: 1px;

}

.box {

    margin-top: 0px;

}

    .box-title {

        margin-bottom: 4px;

        padding: 1px;

        -moz-border-radius: 4px;

        -webkit-border-radius: 4px;

        background: #1e1a18;

        color: #94918f;

    }

        .box-title div:first-child {

            padding: 0 17px;

            height: 35px;

            line-height: 35px;

            background: #322c27;

            border: 1px solid #61554e;

            -moz-border-radius: 4px;

            -webkit-border-radius: 4px;

            position: relative;

        }

            .box .box-toggle {

                position: absolute;

                top: 17px;

                right: 15px;

                width: 5px;

                height: 3px;

                background: url('images/box-open.gif') no-repeat;

            }

            .box.closed .box-toggle {

                top: 13px;

                height: 10px;

                background: url('images/box-closed.gif') no-repeat;

            }

    .box.closed .box-content {

        display: none;

    }

        #sidebar ul.box-content a {

            color: #4c413a;

        }

    #contentpanel .box .box-content { position: relative; } /* IE Hack */

.box.width-45 {

    float: left;

    width: 355px;

}

    .box.width-45 input[type=text],.box.width-45 input[type=password], .box.width-45 textarea {

        width: 295px;

    }

    .box.width-45 select {

        width: 311px;

    }

    .box.width-45 .box-content { width: 313px; } /* IE Hack */

.box.width-55 {

    float: left;

    width: 422px;

}

    .box.width-55 input[type=text], .box.width-55 textarea,.box.width-55 input[type=password]  {

        width: 362px;

    }

    .box.width-55 select {

        width: 378px;

    }

   .box.width-55 .box-content { width: 380px; } /* IE Hack */

.box.width-45.right { float: right; }

.box.width-55.right { float: right; }

.col-45 { margin-bottom: 20px; width: 45%; }

/********** End of Global Styles **********/



/********** Messages **********/

.msg-error, .msg-success, .msg-attention, .msg-info {

    padding-left: 17px;

    height: 30px;

    line-height: 30px;

    position: relative;

}

    .remove-btn {

        position: absolute;

        top: 0;

        right: 17px;

        padding-right: 20px;

        background: url('images/remove-btn.png') no-repeat center right;

        color: #333 !important;

    }

        .remove-btn:hover {

            color: #666 !important;

        }

.msg-error {

    background: #f0cec4;

    color: #a24057;

    border: 1px solid #a24057;

}

.msg-success {

    background: #eaf8d5;

    color: #829b36;

    border: 1px solid #829b36;

}

.msg-attention {

    background: #fffbcc;

    color: #c0a443;

    border: 1px solid #c0a443;

}

.msg-info {

    background: #d2eef1;

    color: #369fb4;

    border: 1px solid #369fb4;

}

/********** End of Messages **********/



/********** Site Skeleton **********/

#menubar {

    margin: -7px 0 4px;

}

#sidebar {

    float: left;

    width: 200px;

}

#contentpanel {

    float: right;

    width: 790px;

}

#footer {

    margin: 0 auto;
	padding:0;
    padding-top: 0px;

    text-align: right;

  /*  border-top: 1px solid #ddd;*/

}
#abc{
background:#FFFFFF;height:100%;padding:0;
display:block;
margin:0;
padding-top:50px;
margin-top:-4px;
height:100%;
border-left:2px solid #f39415;
border-right:2px solid #f39415;
}
/********** End of Site Skeleton **********/



/********** Header **********/

#logo {

    padding:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0;

}

/********** End of Header **********/



/********** Menubar **********/

#menubar div:first-child {

    padding: 0 17px;

    height: 44px;

    line-height: 18px;

    font-size: 13px;

}

    #mainnav {

        float: left;

    }

        #mainnav {

            padding: 2px 0;

        }

            #mainnav li {

                float: left;

                margin: 2px 5px 0 0;

                padding: 8px 15px;

            }

                #mainnav a {

                    color: #7f746d;

                }

                    #mainnav a:hover, #mainnav .active a {

                        color: #fff;

                    }

            #mainnav .active { 

                -moz-border-radius: 3px;

                -webkit-border-radius: 3px;

            }

    #loginbar {

        float: right;

        height: 44px;

        line-height: 44px;

        color: #7f746d;

    }

/********** End of Menubar **********/

 



/********** Login **********/

#login {
    margin: 40px auto;
	margin-top:0px;
	margin-bottom:20px;
    padding: 25px;
    width: 255px;
    background: #FFF;
    border: 8px solid #f6f6f6;/*#facb0c;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    #login h2 {
        padding-bottom: 5px;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: normal;
        border-bottom: 1px solid #ddd;
    }

    #login label {
        color: #7a7a7a;
        font-weight: bold;
   }

    #login input[type=text] {
        margin: 5px 0 10px;
        width: 241px;
        background: #f8f8f8;
        border: 1px solid #aaa;
   }

    #login input[type=password] {
        margin: 5px 0 10px;
        width: 241px;
        background: #f8f8f8;
        border: 1px solid #aaa;
   }
   
    #login p {

        margin: 10px 0 5px;

    }

    #login input[type=submit] {

        float: right;

    }
 

/********** End of Login **********/

 
/* ============================================= info messages ============================================= */
.info_success { background:url(../images/success.png) no-repeat; padding-left:20px; color:#afda2d; }
.info_error { background:url(../images/wrong.gif) no-repeat; padding-left:20px; color:#df5c0c; }
.info_loading { background:url(../images/loading.gif) no-repeat; padding-left:20px; }

/* ============================================= boxes ============================================= */
a.box { display: block; padding: 12px 12px 12px 52px; color: #333; text-decoration: none; margin: 0px 0 20px; }	
a.box:hover { color: #000; text-decoration:none; }
.close { width: 9px; height: 9px; float: right; background: url("../images/close_box.png") no-repeat left top; margin: 6px 0; }
.close:hover { background: url("../images/close_box.png") no-repeat left bottom; }
.succes { border: 1px solid #b3dc7c; background: url("../images/success.png") no-repeat 10px 50% #e8ffca; }
.error { border: 1px solid #ebb1b1; background: url("../images/error.png") no-repeat 10px 50% #ffd6d6; }
.warning { border: 1px solid #efdc75; background: url("../images/warning.png") no-repeat 10px 50% #fff7cb; }
.info { border: 1px solid #afdbee; background: url("../images/info.png") no-repeat 10px 50% #e4f5fd; }


/* ============================================= corners ============================================= */
.corners { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
.corners_bottom { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.corners_top { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.corners_left { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.corners_right { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }


input[type=button], input[type=submit], input[type=reset], #sidebar ul.box-content li.active {

    background: #f39415;

    border: 1px solid #db830d;

}

    input[type=button]:hover, input[type=submit]:hover {

        background: #f6ae4e;

    }